@import '../../../../assets/scss/support';
.activity-img {
    width: 375px;
    height: 188px;
    background: #ddd;
    image {
        width: 100%;
        height: 100%;
    }
}

.activity-item {
    margin-bottom: 13px;
    position: relative;
    .activity-content {
        height: 235px;
        position: relative;
        background: #ffffff;
        .hot-goods-warpper {
            box-shadow: 1px 2px 5px rgba(227, 227, 227, 0.5);
            position: absolute;
            top: -20px;
            left: 13px;
        }
        .activity-bar {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 70px;
            padding: 17px 12px;
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            .activity-bar-left {
                display: flex;
                flex-direction: column;
                flex: 1;
                .activity-title {
                    font-size: 13px;
                    line-height: 19px;
                    color: #383838;
                    font-weight: 700;
                    @include textoverflow(1);
                }
                .activity-countdown {
                    margin-top: 4px;
                    font-size: 10px;
                    line-height: 14px;
                    color: #6d6d6d;
                }
            }
            .activity-bar-right {
                display: flex;
                flex-direction: row;
                width: 140px;
                .activity-bar-btn {
                    margin-left: 10px;
                    min-width: 60px;
                    box-sizing: border-box;
                    padding: 5px 12px;
                    text-align: center;
                    border-radius: 14px;
                    font-size: 12px;
                    background: #de3535;
                    color: #ffffff;
                }
            }
        }
        &.no-recommend {
            height: 70px !important;
        }
    }
}

/*预告*/

.preview {
    .activity-img {
        position: relative;
        .preview-btn {
            position: absolute;
            right: 12px;
            top: 12px;
            background: #ffffff;
            font-size: 10px;
            color: #DE3535;
            width: 50px;
            height: 20px;
            line-height: 20px;
            text-align: center;
        }
    }
    .activity-content {
        background: #f4f5f7;
        height: 50px;
        width: 100%;
        position: relative;
        .activity-bar {
            height: 65px;
            width: 365px;
            position: absolute;
            background: #ffffff;
            bottom: 0;
            left: 5px;
            right: 0;
            .completed {
                color: #FFAAAA !important;
                background: #FFEFF0 !important;
            }
            box-shadow: 0px 1px 8px rgba(202, 202, 202, 0.5);
        }
    }
}